<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="./template/template.xhtml">
            <ui:define name="content">
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <Tr>
                        <!--  left column -->
                        <Td width="588" valign="top">
                            <table width="588" cellpadding="0" cellspacing="0">
                                <Tr>
                                    <td>
                                        <!--  news section -->
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr><td><img src="images/en/news_feature.gif" width="100%"/></td></tr>
                                            <tr>
                                                <td bgcolor="#0087cc">

                                                    <table bgcolor="#DFDFD6" width="100%" cellspacing="0" cellpadding="0" class="blue_border1px" height="275">
                                                        <tr>
                                                            <td valign="top">
                                                                <script type="text/javascript">
     $(document).ready( function(){	
                    var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
                                                    next:$('#lofslidecontent45 .lof-next') };
						
                    $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
                                                                                                    direction		: 'opacity',	
                                                                                                    easing			: 'easeOutBounce',
                                                                                                    duration		: 1200,
                                                                                                    auto		 	: true,
                                                                                                    mainWidth:980,
                                                                                                    buttons			: buttons} );	
            });
                                                                </script>


                                                                <div id="container1" style="width:570px; height:250px; margin-top:6px">
                                                                    <div id="lofslidecontent45" class="lof-slidecontent" style="width:570px; height:250px;">
                                                                        <div class="preload"><div></div></div>
                                                                        <!-- MAIN CONTENT --> 
                                                                        <div class="lof-main-outer" style="width:570px; height:250px;">
                                                                            <div onclick="return false" href="" class="lof-previous">Previous</div>
                                                                            <ul class="lof-main-wapper">
                                                                                <h:form>
                                                                                    <c:forEach begin="1" end="#{newsController.selectTop().size()}" var="i" step="1" varStatus ="status">
                                                                                        <li>
                                                                                            <img src="resources/news/#{newsController.selectTop().get(i-1).getImage()}" width="570px" height="252" title="Newsflash 2" />           
                                                                                            <div class="lof-main-item-desc" style="width:300px;height:150">
                                                                                                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/<h:outputText value="#{newsController.selectTop().get(i-1).getTitle()}" />/</a> <i> — Date :<h:outputText value="#{newsController.selectTop().get(i-1).getAddDate()}"/></i></h3>
                                                                                                <br/>
                                                                                                <h:outputText value="#{newsController.selectTop().get(i-1).getBody().substring(0, 80)}..."/>
                                                                                                <h:commandLink action="#{newsController.showDetails(newsController.selectTop().get(i-1))}" value="Read more" styleClass="more"/>
                                                                                            </div>
                                                                                        </li> 
                                                                                    </c:forEach> 
                                                                                </h:form>
                                                                            </ul>  	
                                                                            <div onclick="return false" href="" class="lof-next">Next</div>
                                                                        </div>
                                                                        <!-- END MAIN CONTENT --> 
                                                                        <!-- NAVIGATOR -->
                                                                    </div> 
                                                                </div>

                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <td>
                                        <!--  search section -->
                                        <a name="map"></a></td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <td>
                                        <!--  AD1 section -->
                                        <embed height="166" width="588" scale="exactfit" menu="false" AllowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="quangcao/tcbank2.swf"/>
                                    </td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <td>
                                        <!--  listings section -->
                                        <a name="listings"></a>
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr><td colspan="3"><img src="images/en/listing_feature1.gif" width="100%"/></td></tr>
                                            <Tr>
                                                <Td>
                                                    <table width="100%" cellspacing="0" cellpadding="0" class="blue_border1px">
                                                        <tr>
                                                            <td>
                                                                <table width="100%" border="0" cellspacing="0" cellpadding="0" height="310">
                                                                    <tr>
                                                                        <td width="578" valign="top" class="borderGray">
                                                                            <div class="tabber">
                                                                                <div class="tabbertab">
                                                                                    <h2>House selling</h2>
                                                                                    <table width="100%" cellpadding="0" cellspacing="2">
                                                                                        <tr>
                                                                                            <td bgcolor="#ffffff">
                                                                                                <h:form>
                                                                                                    <h:dataTable value="#{realEstateController.selectTop2()}" var="item2" border="0" cellpadding="2" cellspacing="0" rules="all" style="border:solid 1px">
                                                                                                        <h:column>
                                                                                                            <div class="column4">
                                                                                                                <table>
                                                                                                                    <tr>
                                                                                                                        <td>
                                                                                                                            <font color='#30ADF1'><b><h:outputText value="#{item2.title}"/></b></font>                                               
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                        <td>
                                                                                                                            <img src="resources/#{item2.imageURL}" alt="" width="150" height="150" border="0" class="dev" title=""/>
                                                                                                                        </td>
                                                                                                                        <td>
                                                                                                                            <div class="offer_info">
                                                                                                                                <p class="offer">
                                                                                                                                    <b>Price :</b> <h:outputText value="#{item2.price}"/> <h:outputText value="#{item2.priceType}"/><br/>
                                                                                                                                    <b>City :</b> <h:outputText value="#{citiesController.findByID(item2.cityID.cityID).name}"/> <br/>
                                                                                                                                    <b>Location :</b> <h:outputText value="#{item2.location}"/><br/>
                                                                                                                                    <b>Bedrooms :</b> <h:outputText value="#{item2.noOfBedrooms}"/><br/>
                                                                                                                                    <b>Bathrooms :</b> <h:outputText value="#{item2.noOfBathrooms}"/><br/>
                                                                                                                                    <b>House Type :</b> <h:outputText value="#{houseTypeController.findByID(item2.houseTypeID.houseTypeID).name}"/><br/>
                                                                                                                                    <b>Square footage :</b><h:outputText value="#{item2.deposit}"/><br/>
                                                                                                                                </p>      
                                                                                                                                <div class="more"><h:commandLink action="#{realEstateController.prepareView2()}" value="...more"/></div>
                                                                                                                            </div>
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                </table>
                                                                                                            </div>
                                                                                                        </h:column>

                                                                                                    </h:dataTable>
                                                                                                </h:form>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>

                                                                                <div class="tabbertab">
                                                                                    <h2>House for rent</h2>
                                                                                    <table width="100%" cellpadding="0" cellspacing="2">
                                                                                        <tr>
                                                                                            <td bgcolor="#ffffff">
                                                                                                <h:form>
                                                                                                    <h:dataTable value="#{realEstateController.selectTop1()}" var="item1" border="0" cellpadding="2" cellspacing="0" rules="all" style="border:solid 1px">
                                                                                                        <h:column>
                                                                                                            <div class="column4">
                                                                                                                <table>
                                                                                                                    <tr>
                                                                                                                        <td>
                                                                                                                            <font color='#30ADF1'><b><h:outputText value="#{item1.title}"/></b></font>                                               
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                        <td>
                                                                                                                            <img src="resources/#{item1.imageURL}" alt="" width="150" height="150" border="0" class="dev" title=""/>
                                                                                                                        </td>
                                                                                                                        <td>
                                                                                                                            <div class="offer_info">
                                                                                                                                <p class="offer">
                                                                                                                                    <b>Price : </b><h:outputText value="#{item1.price}"/> <h:outputText value="#{item1.priceType}"/><br/>
                                                                                                                                    <b>City : </b><h:outputText value="#{citiesController.findByID(item1.cityID.cityID).name}"/> <br/>
                                                                                                                                    <b>Location : </b><h:outputText value="#{item1.location}"/><br/>
                                                                                                                                    <b>Bedrooms : </b><h:outputText value="#{item1.noOfBedrooms}"/><br/>
                                                                                                                                    <b>Bathrooms : </b><h:outputText value="#{item1.noOfBathrooms}"/><br/>
                                                                                                                                </p>      
                                                                                                                                <div class="more"> <h:commandLink action="#{realEstateController.prepareView1()}" value="...more"/></div>
                                                                                                                            </div>
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                </table>
                                                                                                            </div>
                                                                                                        </h:column>
                                                                                                    </h:dataTable>
                                                                                                </h:form>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>

                                                                                <div class="tabbertab">
                                                                                    <h2>Guest house</h2>
                                                                                    <table width="100%" cellpadding="0" cellspacing="2">
                                                                                        <tr>

                                                                                            <td bgcolor="#ffffff">


                                                                                                <h:form>
                                                                                                    <h:dataTable value="#{realEstateController.selectTop3()}" var="item3" border="0" cellpadding="2" cellspacing="0" rules="all" style="border:solid 1px">

                                                                                                        <h:column>
                                                                                                            <div class="column4">
                                                                                                                <table>
                                                                                                                    <tr>
                                                                                                                        <td>

                                                                                                                            <font color='#30ADF1'><b><h:outputText value="#{item3.title}"/></b></font>

                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                        <td>
                                                                                                                            <img src="resources/#{item3.imageURL}" alt="" width="150" height="150" border="0" class="dev" title=""/>
                                                                                                                        </td>
                                                                                                                        <td>
                                                                                                                            <div class="offer_info">
                                                                                                                                <p class="offer">
                                                                                                                                    <b>Price :</b> <h:outputText value="#{item3.price}"/> <h:outputText value="#{item3.priceType}"/><br/>
                                                                                                                                    <b>City :</b> <h:outputText value="#{citiesController.findByID(item3.cityID.cityID).name}"/> <br/>
                                                                                                                                    <b>Location :</b> <h:outputText value="#{item3.location}"/><br/>
                                                                                                                                    <b>Deposit :</b> <h:outputText value="#{item3.deposit}"/><br/>
                                                                                                                                </p>      
                                                                                                                                <div class="more"><h:commandLink action="#{realEstateController.prepareView3()}" value="...more"/></div>
                                                                                                                            </div>
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                </table>
                                                                                                            </div>
                                                                                                        </h:column>

                                                                                                    </h:dataTable>
                                                                                                </h:form>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </table>

                                                            </td>
                                                        </tr>
                                                    </table>
                                                </Td>
                                            </Tr>
                                        </table>
                                    </td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                            </table>
                        </Td>
                        <Td width="8"></Td>
                        <!--  right column -->
                        <td valign="top">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <Tr>
                                    <Td>
                                        <!-- BDSI section --></Td>
                                </Tr>
                                <tr bgcolor="#e7f3fe" class="blue_border1px">
                                    <td align="center"><table cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td colspan="3"><img src="images/en/Quick search.gif" alt="" width="365" height="30"/></td>
                                            </tr>
                                            <tr>
                                                <td style="cursor:pointer">
                                                    <f:view>
                                                        <h:form>
                                                            <table border="0" cellpadding="6" width="100%" bgcolor="#e7f3fe" class="blue_border1px">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>Type :</td>
                                                                        <td>
                                                                            <h:selectOneMenu id="realEstateTypeID" value="#{searchController.selected.realEstateTypeID}" title="#{bundle.CreateRealEstateTitle_realEstateTypeID}" required="true" requiredMessage="#{bundle.CreateRealEstateRequiredMessage_realEstateTypeID}">
                                                                                <f:selectItems value="#{realEstateTypeController.itemsAvailableSelectOne}"/>
                                                                            </h:selectOneMenu>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>City :</td>
                                                                        <td>
                                                                            <h:selectOneMenu id="cityID" value="#{searchController.selected.cityID}" title="#{bundle.CreateRealEstateTitle_cityID}" requiredMessage="#{bundle.CreateRealEstateRequiredMessage_cityID}">
                                                                                <f:selectItems value="#{citiesController.itemsAvailableSelectOne}"/>
                                                                            </h:selectOneMenu>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Location :
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="location" value="#{searchController.location}"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Price min:
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="priceMin" value="#{searchController.priceMin}"/> $
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Price max :
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="priceMax" value="#{searchController.priceMax}"/> $
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Deposit :
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="deposit" value="#{searchController.deposit}"/> $
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Bedrooms :
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="bedrooms" value="#{searchController.bedrooms}"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            Bathrooms :
                                                                        </td>
                                                                        <td>
                                                                            <h:inputText id="bathrooms" value="#{searchController.bathrooms}"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            House Type:
                                                                        </td>
                                                                        <td>
                                                                            <h:selectOneMenu id="houseTypeID" value="#{searchController.selected.houseTypeID}" title="#{bundle.CreateRealEstateTitle_houseTypeID}" >
                                                                                <f:selectItems value="#{houseTypeController.itemsAvailableSelectOne}"/>
                                                                            </h:selectOneMenu>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>&nbsp;</td>
                                                                        <td>
                                                                            <h:commandButton action="#{searchController.search()}" value="Search" />
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </h:form>            
                                                    </f:view>
                                                </td>
                                            </tr>
                                        </table></td>
                                </tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <td>
                                        <!-- AD2 section -->
                                        <table width="100%" cellpadding="3" cellspacing="0"><Tr><td bgcolor="#CCCCCC" align="center">
                                                    <embed height="162" width="358" scale="exactfit" menu="false" AllowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="quangcao/seni-banner380x160.swf"/>
                                                </td></Tr></table>
                                    </td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <td>
                                        <!-- AD3 section -->
                                        <table width="100%" cellpadding="3" cellspacing="0"><Tr><td bgcolor="#CCCCCC" align="center">
                                                    <img src="quangcao/vib_ver2_380x160.gif" width="358" height="162" />
                                                </td></Tr></table>
                                    </td>
                                </Tr>
                                <Tr><td height="5"></td></Tr>
                                <Tr>
                                    <Td>
                                        <!-- developments section -->
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr><td colspan="3"><img src="images/en/feature1.gif" width="365"/></td></tr>
                                            <Tr>
                                                <Td valign="top" bgcolor="#0087cc">
                                                    <table bgcolor="#e7f3fe" width="100%" cellspacing="0" cellpadding="0" class="blue_border1px" height="483">
                                                        <Tr><td height="10"></td></Tr>
                                                        <!-- development 1 -->
                                                        <Tr>
                                                            <td width="5"></td>
                                                            <td valign="top"><img class="dev" src="quangcao/Avalon.jpg" width="100" height="100"/></td>
                                                            <td width="3"></td>
                                                            <Td valign="top">
                                                                <table width="100%" cellpadding="0" cellspacing="5" height="142">
                                                                    <Tr><td><a href="nhom/113_Avalon-Saigon-Apartments" class="development3">Avalon Saigon Apartments</a></td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr><td align="justify">
                                                                            Avalon gives you the city's prime living position; delivering you to the heart of this vibrant city...
                                                                        </td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr>
                                                                        <td height="34">
                                                                            <table cellpadding="0" cellspacing="0">
                                                                                <Tr>
                                                                                    <td><img src="images/links-left.gif"/></td>
                                                                                    <Td bgcolor="#FFFFFF" style="padding:0 3px 3px 0px; color:#0081a7;border-top:1px solid #9ADEF3;border-bottom:1px solid #9ADEF3;"><table cellspacing="0" cellpadding="0">
                                                                                            <tr>
                                                                                                <td></td>
                                                                                                <td bgcolor="#FFFFFF">Find out more</td>
                                                                                            </tr>
                                                                                        </table></Td>
                                                                                    <Td><img src="images/links-right.gif"/></Td>
                                                                                </Tr>
                                                                            </table>
                                                                        </td>
                                                                    </Tr>
                                                                </table>
                                                            </Td>
                                                            <td width="10"></td>
                                                        </Tr>
                                                        <Tr><td height="20" colspan="5" valign="top" align="center">.....................................................................................</td></Tr>
                                                        <!-- development 2 -->
                                                        <Tr>
                                                            <td width="5"></td>
                                                            <td valign="top"><img class="dev" src="quangcao/vib_ver2_380x160.gif" width="100" height="100"/></td>
                                                            <td width="3"></td>
                                                            <Td valign="top">
                                                                <table width="100%" cellpadding="0" cellspacing="5">
                                                                    <Tr><td><a href="nhom/38_Saigon-Pearl" class="development3">Saigon Pearl</a></td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr><td align="justify">
                                                                            Saigon Pearl is designed to provide an all-in-one-fully-serviced, high quality commercial, high- rise residential and office facilities...
                                                                        </td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr>
                                                                        <td>
                                                                            <table cellpadding="0" cellspacing="0">
                                                                                <Tr>
                                                                                    <Td><img src="images/links-left.gif"/></Td>
                                                                                    <Td bgcolor="#FFFFFF" style="padding:0 3px 3px 0px; color:#0081a7;border-top:1px solid #9ADEF3;border-bottom:1px solid #9ADEF3;"><table cellspacing="0" cellpadding="0">
                                                                                            <tr>
                                                                                                <td></td>
                                                                                                <td bgcolor="#FFFFFF"><a href="">Find out more</a></td>
                                                                                            </tr>
                                                                                        </table></Td>
                                                                                    <Td><img src="images/links-right.gif"/></Td>
                                                                                </Tr>
                                                                            </table>
                                                                        </td>
                                                                    </Tr>
                                                                </table>
                                                            </Td>
                                                            <td width="10"></td>
                                                        </Tr>
                                                        <Tr><td height="20" colspan="5" valign="top" align="center">......................................................................................</td></Tr>
                                                        <!-- development 3 -->
                                                        <Tr>
                                                            <td width="5"></td>
                                                            <td valign="top"><img class="dev" src="quangcao/468_Picture2.jpg" width="100" height="100"/></td>
                                                            <td width="3"></td>
                                                            <Td valign="top">
                                                                <table width="100%" cellpadding="0" cellspacing="5">
                                                                    <Tr><td><a href="nhom/42_The-Manor-HCM" class="development3">The Manor HCM</a></td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr><td align="justify">
                                                                            The Manor sets a new standard in wonderful living with the luxurious and comfortable apartments with European standards...
                                                                        </td></Tr>
                                                                    <Tr><td></td></Tr>
                                                                    <Tr>
                                                                        <td>
                                                                            <table cellpadding="0" cellspacing="0">
                                                                                <Tr>
                                                                                    <Td><img src="images/links-left.gif"/></Td>
                                                                                    <Td bgcolor="#FFFFFF" style="padding:0 3px 3px 0px; color:#0081a7;border-top:1px solid #9ADEF3;border-bottom:1px solid #9ADEF3;"><table cellspacing="0" cellpadding="0">
                                                                                            <tr>
                                                                                                <td></td>
                                                                                                <td bgcolor="#FFFFFF">Find out more</td>
                                                                                            </tr>
                                                                                        </table></Td>
                                                                                    <Td><img src="images/links-right.gif"/></Td>
                                                                                </Tr>
                                                                            </table>
                                                                        </td>
                                                                    </Tr>
                                                                </table>
                                                            </Td>
                                                            <Td width="10"></Td>
                                                        </Tr>
                                                        <Tr><td height="20" colspan="5" valign="top" align="center">......................................................................................</td></Tr>
                                                        <Tr><td height="5"></td></Tr>
                                                        <Tr><td align="center" colspan="4">
                                                                <table cellspacing="0" cellpadding="5"><Tr>
                                                                        <Td bgcolor="#559C00" height="25" valign="middle">
                                                                            <a href="phat_trien.php" style="color:#FFFFFF"><b>View other developments </b></a></Td>
                                                                        <Td bgcolor="#559C00"><img src="temp.PNG" />&nbsp;</Td></Tr>
                                                                </table></td></Tr>
                                                        <Tr><td height="15"></td></Tr>
                                                    </table>
                                                </Td>
                                            </Tr>
                                        </table>
                                    </Td>
                                </Tr>
                            </table>
                        </td>
                    </Tr>
                </table>
            </ui:define>
        </ui:composition>
    </body>
</html>
